<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<script type="text/javascript">
	$(document).ready(function(){
		var status=1;
		$("#regForm").submit(function(){			
			if($(":input[name=id]").val()==""){
				alert("아이디를 입력하세요");				
				return false;
			}
			if($(":input[name=password]").val()==""){
				alert("패스워드를 입력하세요");				
				return false;
			}
			if($(":input[name=name]").val()==""){
				alert("이름을 입력하세요");				
				return false;
			}
			if($(":input[name=address]").val()==""){
				alert("주소를 입력하세요");				
				return false;
			}	
			if(status>0){
				alert("아이디 중복확인하세요!");				
				return false;
			}
		});
		$("#id").keyup(function(){
			status="fail";
			var id=$("#id").val();
			if(id.length<4 || id.length>10){
				$("#idCheckView").html("아이디는 4자이상 10자 이하여야 함!").css(
						"background","pink");
				return;
			}
			$.ajax({
				type:"POST",
				url:"${initParam.root}member/idcheckAjax.do",
				data:"id="+id,
				success:function(data){	 				
					if(data>0){//0보다 크면 아이디가 존재
					$("#idCheckView").html(id+" 사용불가!").css("background","red");
					}else{
						$("#idCheckView").html(id+" 사용가능!").css(
								"background","yellow");						
					}
					status=data;
				}//callback			
			});//ajax
		});//keyup
	});//ready
</script>    

<form id="regForm" action="${initParam.root}member/register.do" method="post">
id <input type="text" name="id" id="id" >
<span id="idCheckView"></span>
<br>
pass <input type="password" name="password"><br>
name <input type="text" name="name"><br>
address <input type="text" name="address"><br>
<input type="submit" value="회원가입">
</form>












